import React from 'react'
import { NavBar } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';
import { List ,Switch} from 'antd-mobile'

export default function Runningsettings() {
    let navigate = useNavigate()
    return (
        <div>
            <NavBar onBack={() => { navigate(-1) }}>跑步设置</NavBar>
            <div style={{ background: "#f7f7f7", height: "calc(100vh - 45px)" }}>
                <List header='语音设置'>
                    <List.Item extra={<Switch defaultChecked />}>接收消息推送</List.Item>
                    <List.Item extra="每两分钟" onClick={()=>{}}>播报频率</List.Item>
                </List>
                <List header='其他设置'>
                    <List.Item extra={<Switch defaultChecked />}>屏幕常量</List.Item>
                </List>
            </div>
        </div>
    )
}